	//调用
	CanvasParticle({
		vx: 4,	//小球x轴速度,正为右，负为左
		vy: 4,	//小球y轴速度
		height: 2,	//小球高宽，其实为正方形，所以不宜太大
		width: 2,
		count: 300,		//点个数
		color: "0,0,0", 	//点颜色
		stroke: "0,0,0", 		//线条颜色
		dist: 5000, 	//点吸附距离
		e_dist: 10000, 	//鼠标吸附加速距离
		max_conn: 10 	//点到点最大连接数
	});

	let data = [
		{ "times": 4000, "price": 1200, "unitPrice": "0.3000" },
		{ "times": 8000, "price": 2000, "unitPrice": "0.2500" },
		{ "times": 40000, "price": 8000, "unitPrice": "0.2000" }
	]
	
	
	
	
	data.forEach(function (event, v) {
		// console.log(event.times, event.price, event.unitPrice);
		//创建一个节点
		let li = document.createElement('li');
		//节点内添加内容
		li.textContent = event.times
		//追加到页面当中
		document.querySelector(".frequency").append(li)
		//判断不等于0 加类名
		if (v == 0) li.classList.add("frequency_click")
		//添加事件
		li.addEventListener('click',function(){
			let lis = document.querySelectorAll(".frequency>li");
			lis.forEach(function(F){
				F.classList.remove('frequency_click')
			});
			li.classList.add("frequency_click");
			//添加类名
			li.setAttribute("price",event.price);
			li.setAttribute("unitPrice",event.unitPrice);
			//获取类名
			let Ja = li.getAttribute("price");
			let Sl = li.getAttribute("unitPrice");
			document.querySelector("#vs").textContent= '￥'+Ja;
			document.querySelector("#va").textContent= Sl
			});
		
	})

	// 切换
	let tab = document.querySelectorAll('#tab>li');
	let Steps = document.querySelectorAll('.Steps');
	// console.log(Steps);
	tab.forEach(function(evv,i){
		evv.addEventListener('click',function(){
			tab.forEach(function(cel,A){
				cel.classList.remove('Check_on');
				Steps[A].classList.remove('dly')
			})
			evv.classList.add('Check_on')
			Steps[i].classList.add('dly')
		})
	})